Micron Document
<!DOCTYPE html>
<html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-0 vector-toc-not-available vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-0 skin-theme-clientpref-day vector-sticky-header-enabled" lang="de" dir="ltr"><head>
<meta charset="UTF-8">
<title>Side-Scroller</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="./_res_/favicon.png">
<link rel="canonical" href="https://de.wikipedia.org/wiki/Side-Scroller"> <link href="./_mw_/ext.cite.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.tmh.player.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.wikimediamessages.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.icons.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.search.codex.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.styles.css" rel="stylesheet" type="text/css">
<meta name="ResourceLoaderDynamicStyles" content="">
<link href="./_mw_/ext.gadget.citeRef.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.defaultPlainlinks.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonHide.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonLayout.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonStyle.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiDarkmode.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiResponsive.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.specialSearch.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="./_mw_/site.styles.css">
<link rel="stylesheet" type="text/css" href="./_mw_/noscript.css">
<link rel="stylesheet" type="text/css" href="./_res_/footer.css">
<link rel="stylesheet" type="text/css" href="./_res_/vector-2022.css">
</head>
<body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject page-Side-Scroller rootpage-Side-Scroller skin-vector-2022 action-view">
<div class="mw-page-container">
<div class="mw-page-container-inner">
<div class="mw-content-container">
<main id="content" class="mw-body">
<header class="mw-body-header vector-page-titlebar">
<h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">Side-Scroller</span></h1>
</header>
<a id="top"></a>
<div id="bodyContent" class="vector-body ve-init-mw-desktopArticleTarget-targetContainer" aria-labelledby="firstHeading" data-mw-ve-target-container="">
<div id="contentSub">
<div id="mw-content-subtitle"></div>
</div>
<div id="mw-content-text" class="mw-body-content mw-content-ltr" lang="de" dir="ltr"><div class="mw-content-ltr mw-parser-output" lang="de" dir="ltr"><p>Als <b>Side-Scroller</b> werden im Allgemeinen Spiele bezeichnet, bei denen der Spieler von der Seite auf das Spielgeschehen schaut.<sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup>
</p>

<p>Häufig wird diese Darstellungsweise bei <a href="Jump_%E2%80%99n%E2%80%99_Run" title="Jump ’n’ Run">Jump ’n’ Runs</a> (z.&nbsp;B. <i><a href="Super_Mario_Bros." title="Super Mario Bros.">Super Mario Bros.</a></i>, <i><a href="Sonic_the_Hedgehog" title="Sonic the Hedgehog">Sonic the Hedgehog</a></i>), <a href="Shoot_%E2%80%99em_up" title="Shoot ’em up">Shoot ’em ups</a> (z.&nbsp;B. <i><a href="Uridium_2" class="mw-redirect" title="Uridium 2">Uridium 2</a></i>, <i><a href="Strike_Force" title="Strike Force">Strike Force</a></i>) und <a href="Beat_%E2%80%99em_up" title="Beat ’em up">Beat ’em ups</a> verwendet. Bei letzteren beiden kann sich der Spielausschnitt mehr oder weniger automatisch nur in eine Richtung bewegen und der Spieler sich damit nicht zurückbewegen, bei anderen Spielen ist hingegen die freie Bewegung in der Spielwelt möglich und nötig. Außerdem wird häufig vom Effekt der <a href="Bewegungsparallaxe" title="Bewegungsparallaxe">Bewegungsparallaxe</a> Gebrauch gemacht, um eine größere optische Tiefe zu erzeugen.
</p><p>Ursprünglich war diese Darstellungsweise typisch für Spiele mit <a href="2D" title="2D">2D</a>-Grafik. Später wurde das Darstellungs- und Steuerungsprinzip des Side-Scrollers auch auf einige <a href="3D" title="3D">3D</a>-Spiele übertragen,<sup id="cite_ref-2" class="reference"><a href="#cite_note-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup> zum Beispiel bei <i><a href="Duke_Nukem%3A_Manhattan_Project" title="Duke Nukem: Manhattan Project">Duke Nukem: Manhattan Project</a></i> (2002) oder <i><a href="Trine_(Computerspiel)" title="Trine (Computerspiel)">Trine</a></i> (2009). Besonders populär waren Side-Scroller in der Ära der <a href="Arcade-Automat" title="Arcade-Automat">Arcade-Automaten</a> und Konsolen der dritten Generation (z.&nbsp;B. <a href="Nintendo_Entertainment_System" title="Nintendo Entertainment System">NES</a>).<sup id="cite_ref-3" class="reference"><a href="#cite_note-3"><span class="cite-bracket">[</span>3<span class="cite-bracket">]</span></a></sup>
</p>
<div class="mw-heading mw-heading2"><h2 id="Literatur">Literatur</h2></div>
<ul><li>Davison, <i>Killer Game Programming</i>, Kapitel 12, ISBN 978-0-596-00730-0 (<a rel="nofollow" class="external text" href="http://fivedots.coe.psu.ac.th/~ad/jg/ch062/">Onlineversion</a>)</li></ul>
<div class="mw-heading mw-heading2"><h2 id="Einzelnachweise">Einzelnachweise</h2></div>
<ol class="references">
<li id="cite_note-1"><span class="mw-cite-backlink"><a href="#cite_ref-1">↑</a></span> <span class="reference-text">Andrew Davison: <cite style="font-style:italic">Killer Game Programming in Java: Java Gaming &amp; Graphics Programming</cite>. O’Reilly Media, Inc., 2005, ISBN 978-0-596-55290-9, <span style="white-space:nowrap">S.<span style="display:inline-block;width:.2em">&nbsp;</span>298</span>.<span class="Z3988" title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rfr_id=info:sid/de.wikipedia.org:Side-Scroller&amp;rft.au=Andrew+Davison&amp;rft.btitle=Killer+Game+Programming+in+Java%3A+Java+Gaming+%26+Graphics+Programming&amp;rft.date=2005&amp;rft.genre=book&amp;rft.isbn=9780596552909&amp;rft.pages=298&amp;rft.pub=O%E2%80%99Reilly+Media%2C+Inc." style="display:none">&nbsp;</span></span>
</li>
<li id="cite_note-2"><span class="mw-cite-backlink"><a href="#cite_ref-2">↑</a></span> <span class="reference-text">Jaime Banks, Robert Mejia, Aubrie Adams: <cite style="font-style:italic">100 Greatest Video Game Characters</cite>. Rowman &amp; Littlefield, 2017, ISBN 978-1-4422-7813-4, <span style="white-space:nowrap">S.<span style="display:inline-block;width:.2em">&nbsp;</span>45</span>.<span class="Z3988" title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rfr_id=info:sid/de.wikipedia.org:Side-Scroller&amp;rft.au=Jaime+Banks%2C+Robert+Mejia%2C+Aubrie+Adams&amp;rft.btitle=100+Greatest+Video+Game+Characters&amp;rft.date=2017&amp;rft.genre=book&amp;rft.isbn=9781442278134&amp;rft.pages=45&amp;rft.pub=Rowman+%26+Littlefield" style="display:none">&nbsp;</span></span>
</li>
<li id="cite_note-3"><span class="mw-cite-backlink"><a href="#cite_ref-3">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="https://www.techopedia.com/definition/27153/side-scroller"><i>What Does Side Scroller Mean?</i></a> techopedia, abgerufen am 6. August 2022</span>
</li>
</ol></div><!--htdig_noindex--><div><div class="zim-footer">
Dieser Artikel wurde von <a class="external text" title="Zuletzt bearbeitet am 2025-04-27" href="https://de.wikipedia.org/wiki/?title=Side-Scroller&amp;oldid=255511861">Wikipedia</a> herausgegeben. Der Text ist unter <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.de">Creative Commons Attribution-Share Alike 4.0</a> verfügbar, sofern nicht anders angegeben. Für die Mediendateien können zusätzliche Bedingungen gelten.
</div>
</div><!--/htdig_noindex--></div>
</div>
</main>
</div>
</div>
</div>
<script src="./_webp_/webpHandler.js"></script>

</body></html>